<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>v-for指令</title>
    <link href="table.css" rel="stylesheet">
</head>
<body>
<div id="app">
    <ul class="pagination">
        <li v-for="n in pageCount">
            <a href="javascripit:void(0)" v-bind:class="activeNumber === n + 1 ? 'active' : ''">{{ n + 1 }}</a>
        </li>
    </ul>
</div>
</body>
<script src="https://cdn.bootcss.com/vue/2.2.6/vue.js"></script>
<script>
    var exampleData ={
        message : 'hi vue'
    }
    new Vue({
        el: '#app',
        data : {
            activeNumber: 1,
            pageCount: 10
        }
    })

</script>
</html>